<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
  <link rel="icon" href="image/titlelogo.png">
    <style>
      body{
        background-color: lightskyblue;
      }
      .loginDiv{
        background-color: white;
        width: 550px;
        height: 530px;
        /*居中*/
        margin: 0 auto;
        /*顶部边距*/
        margin-top: 100px;
        /*顶部内边距*/
        padding-top:30px;
        text-align: center;
      }
      .loginInput{
        width: 426px;
        height: 55px;
        border-radius: 5px;
        border:1px solid darkgray;
        padding-left: 30px;
        /*文本框背景透明*/
        background-color: transparent;
        margin-left: -25px;
        margin-bottom: 10px;
      }
      .loginBtn {
        width: 455px;
        height: 55px;
        background-color: coral;
        color: white;
        font-size: 20px;
        /*取去掉边框*/
        border: none;
      }
      .thirdLogin{
        margin-top: 30px;
      }
    </style>
</head>
<body>
  <div class="loginDiv">
    <div style="text-align: center">
      <img src="image/tit.png">
    </div>
    <h3>毕业设计管理系统</h3>
    <div>
      <img src="image/user.png"><input type="text" class="loginInput" placeholder="请输入用户名">
      <br>
      <img src="image/password.png"><input type="password" class="loginInput" placeholder="请输入密码">
      <br>
      <input type="submit" value="登录" class="loginBtn">
    </div>
<!--    第三方登录-->
    <div class="thirdLogin">
      <img src="image/weixin.png" >
      <img src="image/qq.png" >
      <img src="image/weibo.png" >
    </div>
    <div style="font-size: 12px;line-height: 20px;color: red" >
      技术支持：太原工业学院 <br>
      开发者：太原工业学院 蔡航桢
    </div>
  </div>
</body>
</html>
